<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Operador móvil Comparativa de tarifas</title>

<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="stylesheet" href="styles/style.css" media="screen" />
<link rel="stylesheet" href="styles/media-queries.css" />
<link rel="stylesheet" href="./flex-slider/flexslider.css" type="text/css" media="screen" />
<link href="styles/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" />
<link href="styles/tipsy.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="styles/style_buscador.css" media="screen" />

<script type="text/javascript" src="./scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./flex-slider/jquery.flexslider-min.js"></script>
<script src="scripts/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="scripts/jquery.tipsy.js" type="text/javascript"></script>
<script src="scripts/jquery.knob.js" type="text/javascript"></script>
<script type="text/javascript" src="./scripts/jquery.isotope.min.js"></script>
<script type="text/javascript" src="./scripts/jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="./scripts/waypoints.min.js"></script>
<script type="text/javascript" src="./scripts/setup.js"></script>


</head>
<body>
<div id="wrap"> 
  <!-- wrapper -->
  <div id="sidebar"> 
    <!-- the  sidebar --> 
    <!-- logo --> 
    <a href="http://www.operadormovil.com" id="logo"> <img src="./images/LogoOperadorMovil.png" alt="Operador Móvil logo" /></a> 
    <!-- navigation menu -->
    <ul id="navigation">
      <li><a href="#home" class="active">Home</a></li>
      <li><a href="#nosotros">Nosotros</a></li>
      <li><a href="#operadores">Operadores</a></li>
      <li><a href="#buscartarifa">Buscar tarifa</a></li>
      <li><a href="#tarifasolovoz">Tarifas Solo Voz</a></li> 
      <li><a href="#tarifasolonavegar">Tarifas Solo Navegar</a></li>
      <li><a href="#tarifasnavegaryhablar">Tarifas Navegar y Hablar</a></li>
      <li><a href="#internetmasmovil">Internet + Movil</a></li>
      <li><a href="#contacto">Contacto</a></li>
    </ul>
  </div>
  <div id="container"> 
    <!-- page container -->
    <div class="page" id="home"> 
      <!-- page home -->
      <div class="page_content">
        <div class="gf-slider"> 
          <!-- slider -->
          <ul class="slides">
            <li> <img src="images/01.jpg" alt="" />
              <p class="flex-caption"> Super-awesome simplistic-styled easily customizable one page scrolling portfolio
                template</p>
            </li>
            <li> <img src="images/02.jpg" alt="" />
              <p class="flex-caption"> With Special Customization this template is perfect to be used as a blog template
                also</p>
            </li>
            <li> <img src="images/03.jpg" alt="" />
              <p class="flex-caption"> Fully responsive layout supported on all devices including tablet and smartphones</p>
            </li>
            <li> <img src="images/04.jpg" alt="" />
              <p class="flex-caption"> Purchase it now to grab it and use it on your work and make experiments with it</p>
            </li>
            <li> <img src="images/05.jpg" alt="" />
              <p class="flex-caption"> Fully responsive layout supported on all devices including tablet and smartphones</p>
            </li>
          </ul>
        </div>
        <div class="space"> </div>
        <div class="clear"> </div>
        <!-- services -->
        <div class="one_half first">
          <div class="column_content">
            <h4> Coded with Love!</h4>
            <img src="images/coded-with-love.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at feugiat
              felis. Ut faucibus molestie turpis, sit amet scelerisque ipsum scelerisque quis.
              Quisque suscipit fermentum sodales.</small></p>
          </div>
        </div>
        <div class="one_half last">
          <div class="column_content">
            <h4> Responsive Layout</h4>
            <img src="images/responsive.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at feugiat
              felis. Ut faucibus molestie turpis, sit amet scelerisque ipsum scelerisque quis.
              Quisque suscipit fermentum sodales.</small></p>
          </div>
        </div>
        <div class="space"> </div>
        <div class="one_half first">
          <div class="column_content">
            <h4> Perfect for Portfolios</h4>
            <img src="./images/for-portfolio.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at feugiat
              felis. Ut faucibus molestie turpis, sit amet scelerisque ipsum scelerisque quis.
              Quisque suscipit fermentum sodales.</small></p>
          </div>
        </div>
        <div class="one_half last">
          <div class="column_content">
            <h4> Easily Customizable</h4>
            <img src="./images/customizable.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at feugiat
              felis. Ut faucibus molestie turpis, sit amet scelerisque ipsum scelerisque quis.
              Quisque suscipit fermentum sodales.</small></p>
          </div>
        </div>
        <div class="space"> </div>
        <div class="one_half first">
          <div class="column_content">
            <h4> Image Gallery </h4>
            <img src="./images/image-gallery.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at feugiat
              felis. Ut faucibus molestie turpis, sit amet scelerisque ipsum scelerisque quis.
              Quisque suscipit fermentum sodales.</small></p>
          </div>
        </div>
        <div class="one_half last">
          <div class="column_content">
            <h4> jQuery Powered</h4>
            <img src="./images/jquery-code.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at feugiat
              felis. Ut faucibus molestie turpis, sit amet scelerisque ipsum scelerisque quis.
              Quisque suscipit fermentum sodales.</small></p>
          </div>
        </div>
        <div class="clear"> </div>
      </div>
    </div>
    
    <div class="page" id="nosotros"> 
      <!-- page about -->
      <h3 class="page_title"> NOSOTROS</h3>
      <div class="page_content">
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
          deserunt mollit anim id est laborum.</p>
        <h4 class="blue"> NUESTRAS RAZONES</h4>
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
          irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
          deserunt mollit anim id est laborum.</p>
        <blockquote> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua.
          <p> <small><b>Sarfraz Shoukat</b> - Owner <a href="#">Greepit.com</a></small></p>
        </blockquote>
        <div class="clear"> </div>
      </div>
    </div>

     <div class="page" id="operadores"> 
      <!-- page clients -->
      <h3 class="page_title">OPERADORES DISPONIBLES</h3>
      <div class="page_content">
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <div class="space"> </div>
        <div class="clear"> </div>
        <ul id="clients" class="grid">
        
          <li class="altoids"><a href="http://www.yoigo.com" target="_blank" title="lo verás en una nueva ventana"><img src="images/clients/Yoigo.png" alt="Yoigo logo"></a></li>
          <li class="facebook"><a href="http://www.vodafone.es/particulares/es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Vodafone.png" alt="Vodafone logo"></a></li>
          <li class="ge"><a href="http://www.orange.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Orange.png" alt="Orange logo"></a></li>
          <li class="orbit"><a href="http://www.movistar.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Movistar.png" alt="Movistar logo"></a></li>
          <li class="skittles"><a href="http://www.euskaltel.com/CanalOnline/particulares" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Euskaltel.png" alt="Euskaltel logo"></a></li>
          <li class="jameson"><a href="http://www.pepephone.com/home" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Pepephone.png" alt="Pepephone logo"></a></li>
          <li class="juicy_fruit"><a href="http://www.jazztel.com/movil/terminales.html#.Ul0LqWQkL6k" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Jazztel.png" alt="Jazztel logo"></a></li>
          <li class="microsoft"><a href="http://www.happymovil.es/es/?gclid=CLno59f9i7oCFQTHtAodUgoA1Q" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Happymovil.png" alt="Happy móvil logo"></a></li>
          <li class="a_e"><a href="http://www.lebara.es/" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Lebara.png" alt="Lebara móvil"></a></li>
          <li class="zynga"><a href="http://www.tuenti.com/movil" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Tuentimovil.png" alt="Tuenti móvil logo"></a></li>
          <li class="smuin"><a href="http://masmovil.es/es/tarifas-hablar-y-navegar/?gclid=CO3uus_9i7oCFbMftAodPg4AOg" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Masmovil.png" alt="Más móvil"></a></li>
          <li class="westfield"><a href="http://www.carrefour.es/telecom/movil/contrato/" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Carrefourmovil.png" alt="Carrefour móvil logo"></a></li>
          <li class="digimovil"><a href="http://www.digimobil.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Digimovil.png" alt="DIGI móvil logo"></a></li>
             <li class="Movizelia"><a href="http://www.movizelia.com" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Movizelia.png" alt="Movizelia logo"></a></li>
           <li class="airismobile"><a href="http://www.airismobile.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Airismobile.png" alt="AIRIS mobile logo"></a></li>
         <li class="Amena"><a href="http://www.amena.com" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Amena.png"></a></li>
          <li class="Onoio"><a href="http://www.ono.es/productos/movil/tarifa-plana-movil/" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Onoio.png" alt="Ono io logo"></a></li>
           <li class="BTmobile"><a href="http://www2.bt.com/static/i/btretail/consumer/mobile/index.html" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/BTmobile.png" alt="BT mobile logo"></a></li>
           <li class="Cablemovil"><a href="http://www.cablemovil.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Cablemovil.png" alt="Cable móvil logo"></a></li>
              <li class="RACC"><a href="http://w3.racc.es/index.php?mod=paginas&mem=detalle&id=100159&relmenu=1328&nch_proc=200002505&gclid=CM3rgNbulboCFcbLtAodqR0A1Q" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/RACC.png" alt="RACC automóvil club móvil logo"></a></li>
                    <li class="ortelmobile"><a href="http://www.ortelmobile.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Ortelmobile.png" alt="Ortel mobile logo"></a></li>
               <li class="llamaya"><a href="http://www.llamayamovil.com/internet" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Llamaya.png" alt="llamaya móvil logo"></a></li>
               <li class="lycamobile"><a href="http://www.lycamobile.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Lycamobile.png" alt="Lyca mobile logo"></a></li>
              <li class="xlmovil"><a href="http://www.movilzona.es/xl-movil-informacion-y-tarifas-xl-movil" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/XLmovil.png" alt="XL móvil logo"></a></li>
                  <li class="blau"><a href="http://www.blau.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Blau.png"></a></li>
                 <li class="eroskimovil"><a href="http://www.eroskimovil.es/geomv/c/pub/es/index.jsp" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Eroskimovil.png" alt="Eroski móvil logo"></a></li>
                  <li class="telecablemovil"><a href="http://web.telecable.es/portal.do?IDM=20&NM=1#&panel1-1" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Telecablemovil.png" alt="Telecable móvil logo"></a></li>
                  <li class="Youmobile"><a href="http://www.youmobile.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Youmobile.png" alt="YOU mobile logo"></a></li>
                    <li class="GT-mobile"><a href=" http://www.gt-mobile.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/GTmobile.png" alt="GT mobile logo"></a></li>
                     <li class="jazzpandamovil"><a href="http://www.jazzpandamovil.com" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Jazzpandamovil.png" alt="Jazz Panda Móvil logo"></a></li>
                  <li class="Bankintermovil"><a href="https://www.bankinter.com/www/es-es/cgi/ebk+bns+home" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Bankintermovil.png" alt="Bankinter móvil logo"></a></li>
               <li class="simyo"><a href="http://www.simyo.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Simyo.png" alt="simyo logo"></a></li>
         <li class="oceans"><a href="http://www.oceans.es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Oceans.png" alt="oceans logo"></a></li>
            <li class="orbitel"><a href="http://es.orbitel.com/es/es" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Orbitel.png" alt="orbitel logo"></a></li>
             <li class="movildia"><a href="http://www.movildia.com/webdia/gestorContenido.html?action=getCajas4Pagina&idPagina=1261" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/Movildia.png" alt="movildia logo"></a></li>
             
         <li class="LCR"><a href="http://www.lcrcom.net" target="_blank" title="lo verás en una nueva ventana"> <img src="images/clients/LCR.png" alt="LCR logo"></a></li>
        </ul>
        <div class="clear"> </div>
      </div>
    </div>
    
      <div class="page" id="buscartarifa"> 
      <!-- page about -->
      <h3 class="page_title"> BUSCAR TARIFA</h3>
      <div class="page_content_buscar">
          
          
          {COMPARADOR}
        
        
        <div class="clear"> </div>
      </div>
    </div>
    
     <div class="page" id="tarifasolovoz"> 
      <!-- page skills -->
      <h3 class="page_title"> TARIFAS SOLO VOZ</h3>
      <div class="page_content"> 
   
        <div class="one_fourth first">
          <div class="column_content">
            <h4 class="blue"> Photoshop</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" data-fgcolor="#cfdee7" data-bgcolor="#0d4667" value="65">
          </div>
        </div>
        <div class="one_fourth">
          <div class="column_content">
            <h4 class="blue"> HTML5</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" value="45" data-fgcolor="#cfdee7" data-bgcolor="#0d4667">
          </div>
        </div>
        <div class="one_fourth">
          <div class="column_content">
            <h4 class="blue"> jQuery</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" value="85" data-fgcolor="#cfdee7" data-bgcolor="#0d4667">
          </div>
        </div>
        <div class="one_fourth last">
          <div class="column_content">
            <h4 class="blue"> CSS3</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" value="95" data-fgcolor="#cfdee7" data-bgcolor="#0d4667">
          </div>
        </div>
        <div class="clear"> </div>
      </div>
    </div>
    
 
    <div class="page" id="tarifasolonavegar"> 
      <!-- page industries -->
      <h3 class="page_title"> TARIFAS SOLO NAVEGAR</h3>
      <div class="page_content">
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <div class="space"> </div>
        <div class="clear"> </div>
        <ul class="sublist">
          <li><a href="#">Cdsfsdsdfdsf</a></li>
          <li><a href="#">LCaasasasdR</a></li>
          <li><a href="#">sdfdsffds</a></li>
        </ul>
        <div class="clear"> </div>
      </div>
    </div>
    
      <div class="page" id="tarifasnavegaryhablar"> 
      <!-- page portfolio -->
      <h3 class="page_title"> TARIFAS NAVEGAR Y HABLAR</h3>
      <div class="page_content">
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <ul id="works_filter">
          <li><a href="#" data-filter="*" class="selected">Show All</a></li>
          <li><a href="#" data-filter=".css">CSS</a></li>
          <li><a href="#" data-filter=".html_php">HTML / PHP</a></li>
          <li><a href="#" data-filter=".js">JavaScript</a></li>
        </ul>
        <div class="clear"> </div>
        <div id="works"> 
          <!-- works --> 
          <a rel="prettyPhoto[gallery]" href="images/photos/01.jpg"> <img class="work js" src="images/photos/01.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/03.jpg"> <img class="work css" src="images/photos/03.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/04.jpg"> <img class="work html_php" src="images/photos/04.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/05.jpg"> <img class="work html_php" src="images/photos/05.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/06.jpg"> <img class="work css" src="images/photos/06.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/07.jpg"> <img class="work js" src="images/photos/07.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/08.jpg">
<img class="work html_php" src="./images/photos/08.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/09.jpg"> <img class="work js" src="images/photos/09.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="images/photos/10.jpg"> <img class="work html_php" src="images/photos/10.jpg" alt="" /> </a> </div>
        <div class="clear"> </div>
      </div>
    </div>
  
    <div class="page" id="tarifasnavegaryhablar"> 
      <!-- page industries -->
      <h3 class="page_title"> TARIFAS NAVEGAR Y HABLAR</h3>
      <div class="page_content">
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <div class="space"> </div>
        <div class="clear"> </div>
        <ul class="sublist">
          <li><a href="#">Movistar</a></li>
          <li><a href="#">Vodafone</a></li>
          <li><a href="#">Orange</a></li>
          <li><a href="#">Yoigo</a></li>
          <li><a href="#">happy móvil</a></li>
          <li><a href="#">Diamovil</a></li>
          <li><a href="#">Jazztel</a></li>
          <li><a href="#">euskaltel</a></li>
          <li><a href="#">BT·Mobile</a></li>
          <li><a href="#">simyo</a></li>
          <li><a href="#">pepephone</a></li>
          <li><a href="#">Más móvil</a></li>
          <li><a href="#">Amena</a></li>
          <li><a href="#">hits mobile</a></li>
          <li><a href="#">Eroski móvil</a></li>
          <li><a href="#">Blau</a></li>
          <li><a href="#">carrefour móvil</a></li>
          <li><a href="#">bankinter</a></li>
          <li><a href="#">Tuenti</a></li>
          <li><a href="#">XL móvil</a></li>
          <li><a href="#">ONO io</a></li>
          <li><a href="#">LEBARA móvil</a></li>
          <li><a href="#">Telecable</a></li>
          <li><a href="#">Lyca mobile</a></li>
          <li><a href="#">Cable móvil</a></li>
          <li><a href="#">DIGI mobil</a></li>
          <li><a href="#">orbitel</a></li>
          <li><a href="#">llamaya móvil</a></li>
          <li><a href="#">Jazz Panda Móvil</a></li>
          <li><a href="#">GR Mobile</a></li>
          <li><a href="#">You mobile</a></li>
          <li><a href="#">Ortel Mobile</a></li>
          <li><a href="#">movizelia</a></li>
          <li><a href="#">RACC</a></li>
          <li><a href="#">LCR</a></li>
          <li><a href="#">AIRIS mobile</a></li>
          <li><a href="#">ocean's</a></li>
        </ul>
        <div class="clear"> </div>
      </div>
    </div>
     <div class="page" id="internetmasmovil"> 
      <!-- page industries -->
      <h3 class="page_title"> INTERNET + MÓVIL</h3>
      <div class="page_content">
        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
          exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <div class="space"> </div>
        <div class="clear"> </div>
        <ul class="sublist">
          <li><a href="#">Cdsfsdsdfdsf</a></li>
          <li><a href="#">LCaasasasdR</a></li>
          <li><a href="#">sdfdsffds</a></li>
        </ul>
        <div class="clear"> </div>
      </div>
    </div>
    <div class="page" id="contacto"> 
      <!-- page contact -->
      <h3 class="page_title"> ¡HABLEMOS!</h3>
      <div class="page_content">
        <fieldset id="contact_form">
          <div id="msgs"> </div>
          <form id="cform" name="cform" method="post" action="">
            <input type="text" id="name" name="name" value="Nombre y apellidos*" onfocus="if(this.value == 'Nombre y apellidos*') this.value = ''"
                            onblur="if(this.value == '') this.value = 'Nombre y apellidos*'" />
            <input type="text" id="email" name="email" value="Email*" onfocus="if(this.value == 'Email*') this.value = ''"
                            onblur="if(this.value == '') this.value = 'Email Address*'" />
            <input type="text" id="subject" name="subject" value="Motivo*" onfocus="if(this.value == 'Motivo*') this.value = ''"
                            onblur="if(this.value == '') this.value = 'Motivo*'" />
            <textarea id="msg" name="comentario" onfocus="if(this.value == 'Tu comentario*') this.value = ''"
                            onblur="if(this.value == '') this.value = 'Tu comentario*'">Tu comentario*</textarea>
            <button id="submit" class="button"> Enviar mensaje</button>
          </form>
        </fieldset>
        <div class="clear"> </div>
        <ul class="social_icons">
          <li><a href="https://www.facebook.com/agencialanave" id="fb" original-title="Hazte fan"> <img src="images/facebook.png" alt="Facebook imagen" /></a></li>
          <li><a href="http://twitter.com/agencialanave" id="tw" original-title="Síguenos en Twitter"> <img src="images/twitter.png" alt="Twitter imagen" /></a></li>
          <li><a href="http://www.linkedin.com/company/agencia-la-nave" id="ld" original-title="Encuéntranos en LinkedIn"> <img src="images/linkedin.png" alt="LinkedIn imagen" /></a></li>
        </ul>
      </div>
    </div>
    <div class="footer">
      <p> &copy; 2013 <a href="http://www.navenetworks.com" target="_blank" title="lo verás en una nueva ventana">By Navenetworks S.L.</a>. Todos los derechos reservados.</p>
      <p> Diseñado por <a href="http://www.agencialanave.com" target="_blank" title="lo verás en una nueva ventana">Agencia La Nave</a></p>
    </div>
  </div>
</div>
<a class="gotop" href="#top">Subir</a>
</body>
</html>
